{extend name="public:base" /}
{block name="title"}{$product.seo_title}{/block}
{block name="keywords"}{$product.seo_keywords}{/block}
{block name="description"}{$product.seo_desc}{/block}

{block name="extCss"}
<link rel="stylesheet" href="__STATIC__/css/{$product.productCategory.name}.css">
{/block}


{block name="extJs"}

{/block}


{block name="body"}
<div class="banner " style="background-image: url('{$product.cover_img}')">
    <div class="banner-full">
        <div class=" about-us w1400">
            <div class="banner-left ">
                {$product.argument | raw}
                <div class="tyanniu fadeInUp wow">
                    <div class="greed-btn1 rgap pop">
                        <span>Get Started</span>
                    </div>
                    <a href="{:url('joinus')}" class="greed-btn2">Become a Partner</a>
                </div>

            </div>

        </div>

    </div>
</div>

<main>
    {$product.content | raw}
</main>


<main>
    {include file="public:body_bottom_faq" /}
    {include file="public:body_bottom_form" /}
</main>

<script>
    var layout = new Swiper(".layout7 .swiper-container", {
        slidesPerView: 3,
        spaceBetween: 28,
        speed: 980,
        autoHeight: true,
        breakpoints: {
            1151: {
                slidesPerView: 3,
                spaceBetween: 40
            },
            1100: {
                slidesPerView: 2,
                spaceBetween: 40
            },
            875: {
                slidesPerView: 1,
                spaceBetween: 10
            }
        },
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: ' .swiper-button-prev',
        },
    })

    var mySwiper = new Swiper('#swiper-container', {
        direction: 'horizontal',
        slidesPerView: 1,

        centeredSlides: true,
        spaceBetween: 0,
        scrollbar: {
            el: '.swiper-scrollbar',
            hide: false
        }
    });


</script>

{/block}

